<!DOCTYPE html>

<html>
<head>

  <meta charset="utf-8">
  <meta name="description" content="xswitch many to many">
  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">
  <meta itemprop="description" content="sample">
  <meta itemprop="name" content="\samples">
  <meta name="mobile-web-app-capable" content="yes">
  <meta id="theme-color" name="theme-color" content="#ffffff">

  <base target="_blank">

  <title>Conference</title>

  <link rel="stylesheet" href="css/main_root.css" />
  <link rel="stylesheet" href="css/main.css" />
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <style type="text/css">
  </style>

</head>

<body>

  <div id="container">

    <div>
      <div id="divConfig">myName: [---]&nbsp&nbsp&nbsp&nbsp&nbspconfrId: [---]</div>
    </div>

    <div class="video-list">
      <div class="video-item">
        <video id="video0" autoplay muted ></video>
        <div id="label0" class="label-title"></div>
        <div id="stati0" class="label-stati"></div>
        <canvas id = "canvas0"> </canvas>
         <div id="checks" style='display:none'>
          <input class="checkInput" id="videoCheck0" type="checkbox" checked>Video-In</input>
          <input class="checkInput" id="audioCheck0" type="checkbox" checked>Audio-In</input>
        </div>
      </div>

      <div class="video-item">
        <video id="video1" autoplay ></video>
        <div id="label1" class="label-title"></div>
        <div id="stati1" class="label-stati"></div>
        <canvas id = "canvas1"> </canvas>
         <div id="checks" style='display:none'>
          <input class="checkInput" id="videoCheck1" type="checkbox" checked>Video-Out</input>
          <input class="checkInput" id="audioCheck1" type="checkbox" checked>Audio-Out</input>
        </div>
      </div>
    </div>

    <div class="video-list">
      <div class="video-item">
        <video id="video2" autoplay ></video>
        <div id="label2" class="label-title"></div>
        <div id="stati2" class="label-stati"></div>
        <canvas id = "canvas2"> </canvas>
         <div id="checks">
        </div>
      </div>

      <div class="video-item">
        <video id="video3" autoplay ></video>
        <div id="label3" class="label-title"></div>
        <div id="stati3" class="label-stati"></div>
        <canvas id = "canvas3"> </canvas>
        <div id="checks">
        </div>
      </div>
    </div>


    <div id="buttons">
      <button id="joinButton">加入会议</button> 
      <button id="shareDeskButton" disabled='true'>共享桌面</button> 
      <button id="exitButton">退出会议</button>
    </div>

    <div id="divExtensionExist"></div>
    <div id="divExtensionInfo" style='display:none'>
      <a href="rtc-share-desktop.crx">下载Chrome共享桌面插件</a>  
      <div>在浏览器里打开 chrome://extensions/ 手动拖拽下载的文件安装</div>
      <div>不安装插件也可以视频通话</div>
    </div>

    


  </div>

  <!-- <script src="../../../js/adapter.js"></script> -->
  <!-- <script type="text/javascript" src="js/adapter_root.js"></script> -->
  <!-- <script src="js/adapter-latest.js"></script> -->
   <script src="js/adapter-webim.js"></script>  
  
  <script type="text/javascript" src="js/webrtchelper.js"></script>
  <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
  <script type="text/javascript" src="js/streamvisualizer.js"></script>
  <script type="text/javascript" src="js/main.js"></script>


  

  <!-- <script src="../../../js/lib/ga.js"></script> -->
</body>
</html>
